<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初闻微光</title>
    <link rel="stylesheet" href="../css/commen.css">
    <link rel="stylesheet" href="../css/learn-out.css">
    <script src="../Js/move.js"></script>
    <style>
        #wulong{
            display: inline-block;
            margin-left: 150px;
            width: 50%;
            text-align: center;
        }
        #xuanjiang,
        #jiangpin,
        #biji1{
            width: 50%;
            margin-left: 150px;
        }
    </style>
</head>
<body>
    
    <nav>  
        
        <div>
            <a href=".././img/me.jpg">
            <img src=".././img/me.jpg" alt="这是我的头像" title="此图是吾一友所作"  class="circle" >
            </a>
            <h1>我与微光</h1>
        </div>
        <ul>
            <li><a href="beginning.html"><strong>前言</strong></a></li>
            
            <li><a href="article1.html"><strong>自我简介</strong></a></li>
            
            <li><a href="article2.html"><strong>辗转反侧</strong></a></li>
            
            <li><a href="article3.html"><strong>初闻微光</strong></a></li>
            
            <li><a href="article4.html"><strong>定于前端</strong></a></li>
            
            <li><a href="article5.html"><strong>微光之旅</strong></a></li>
            
            <li><a href="article6.html"><strong>梦归来兮</strong></a></li>

            <li><a href="article7.html"><strong>后记</strong></a></li>
        </ul>
        <div id="process">
            <a href="process.html">blog制作历程</a>
        </div>
    </nav>

    <div class="article">
        <header>
            <h1>初闻微光</h1>
        </header>
        <article>
            <h3 id="我与微光">
                我与微光
            </h3>
            <h3>
                首次相见的乌龙
            </h3>
            <p>
                回想来，我第一次接触微光，是我通过年级群中微光的招新广告，加入了群。
                谁曾想第一次入群，便闹了乌龙：
            </p>
            <img   id="wulong"    src="../img/wulong1.png" alt="这是我的冒失闹得乌龙" title="这是我的冒失闹得乌龙" >
            <p>
                我把入群的填写的问题填错了！（当时一次性加了近10个群，就复制粘贴了）当时给了我很深的印象。
            </p>
            <h3>
                又见袁主席
            </h3>
            <p>
                在第一次班会上，我的导生向我们推荐了微光工作室。
                而袁主席的临时演讲，令我惊喜不已。
                很难想象，一位主席，一位工作室的主席，竟还有精力将常规成绩学到全系第一！
                我对微光的热情，或许起于那时，如此优秀的学长吧。
            </p>
            <p>
                那时我大抵就已经找到了答案。
            </p>
            <h3>
                微光宣讲会
            </h3>
            <p>
               出于坚定我的选择，我如约的参加了微光的宣讲会。 
            </p>
            <img src="../img/xuanjiang.jpg" alt="微光的招新宣讲会" title="微光的招新宣讲会" id="xuanjiang">
            <p>
                或是幸运女神的眷顾，我中了个三等奖。
            </p>
            <img src="../img/jiangpin.jpg" alt="我的三等奖" title="我的三等奖" id="jiangpin">
            <img src="../img/biji1.png" alt="我的笔记" title="我的笔记" id="biji1">
        <h3 id="为何微光">
            为何微光？
        </h3>
        <p>
            我对微光的热爱，源于袁主席的演讲，源于微光宣讲会上，各个优秀的学长学姐。
            我加入了各个工作室的群，但只有微光接纳了我。
            老登与小登的对话总是幽默而富有温度。（笑）
        </p>
        <p>
            我对微光的热爱，源于我对一个如此温馨而有爱的大家庭的向往，源于工作室的浓厚学习氛围，与一个良好的学习工位。
            曾被摆烂的同学包围的人知道，一个浓厚的学习氛围是多么的难能可贵。
            每天抢图书馆的位置的人明白（当然包括我啦），一个良好的学习工位是多么的幸运。
        </p>
        <p>
            我对微光的热爱，源于我对忘记时间的奋发，源于我曾经的竞赛经历，源于我对专精于一事的渴望。
            我喜欢深入的研究（或许在今天看来是在过家家），我沉迷于探索新的事物，理清事物间的深层逻辑。
        </p>
        <p>
            当然，好看的微光娘，也是一个原因。（笑）
        </p>
        
        </article>
    </div>


    <div class="menu">
        <div class="tool">
            <ul>
                <li><a href="#我与微光"><b>我与微光</b></a></li>
                <li><a href="#为何微光"><b>为何微光</b></a></li>
            </ul>
        </div>
    </div>
    
</body>
</html>